/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    showAnswer: function(e){
        var obj = e.srcElement || e.target;
        if(obj.parentNode.nextSibling.style.display=='block'){
            obj.parentNode.className = 'panel-title';
            obj.parentNode.nextSibling.style.display = 'none';
        }else{
            obj.parentNode.className = 'panel-title show';
            obj.parentNode.nextSibling.style.display = 'block';
        }
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>注册常见问题<b></b></div>
                            <div className="panel-problem">
                                <div className="panel-group">
                                    <div className="panel">
                                        <div className="panel-title"><b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>设置密码有什么要求？</a>
                                            <div className="angle"><span></span></div>
                                        </div>
                                        <div className="panel-content">
                                            密码为6-16个字符的字母、数字的组合。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"><b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>注册后我是否能修改我的登录密码吗？</a>
                                            <div className="angle"><span></span></div>
                                        </div>
                                        <div className="panel-content">
                                            可以。注册后用户可以在“我的账户”－“个人信息”页面修改自己的登录密码。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"><b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>注册时我为什么收不到手机验证码？</a>
                                            <div className="angle"><span></span></div>
                                        </div>
                                        <div className="panel-content">
                                            短信验证码一般在1分钟内可以收到，如长时间未收到，请确认是否被手机软件拦截。如未拦截，请尝试点击重新发送验证码。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"><b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>注册时对获取验证码的手机号码有什么要求？</a>
                                            <div className="angle"><span></span></div>
                                        </div>
                                        <div className="panel-content">
                                            获取信息的手机号码必须是中国大陆地区通讯运营商支持的号段，不支持小灵通。
                                        </div>
                                    </div>

                                    <div className="panel">
                                        <div className="panel-title"><b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>登录时为什么或出现账户冻结？账户被冻结了怎么办？</a>
                                            <div className="angle"><span></span></div>
                                        </div>
                                        <div className="panel-content">
                                            为保护用户安全，当登录密码连续错误输入五次后，平台会冻结登录账户。一般情况下，账户冻结后的下一天零点将自动解冻，用户也可通过找回密码进行解冻。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));